<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>福利城堡-活动详细页-资料下载</title>
<link href="../css/base.css" rel="stylesheet" type="text/css">
<link href="../css/toefl.css" rel="stylesheet" type="text/css">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jQuery.js">
</script>
<script type="text/javascript">
	$(function() {
		$(".classInfo_menu>ul>li>a").click(function(e) {
			if (e.srcElement.id == "detail") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$(".castleInfoList").hide();
				$("#commentContent").hide();
				$(".inventDetail").show();
				
			} else if (e.srcElement.id=="download") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$("#commentContent").hide();
				$(".inventDetail").hide();
				$(".castleInfoList").show();
				
			} else if (e.srcElement.id == "comment") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$(".inventDetail").hide();
				$(".castleInfoList").hide();
				$("#commentContent").show();
			}
		})
		
	})
</script>
</head>

<body>

<div class="openMenu">
	<div class="doc1180">
    	<ul class="fn-clear" style="padding-left:220px;">
        	<li class="openMenuOn"><a href="###">公益商城</a></li>
            <li><a href="###">特色商城</a></li>
            <li><a href="###">名师精品课商城</a></li>
        </ul>
    </div>
</div>
<div class="doc1180">
	<div class="crumbs_patch">
  	<a href="###">公开课</a>》
    <a href="###">最新公开课</a>》
    <span>2015年托福英语考试</span>
  </div>
  <div class="castleInfo">
  	<dl>
    	<dt><a href="###"><img src="../img/500x290.png"></a></dt>
        <dd>
        	<div class="castleInfo_title">安帅：打马竞伊斯科和J罗可能一起上|曝佩德罗已决定夏季离开巴萨</div>
            <div class="castleTime">
							上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
							<span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span style="color: red;">17：30-19：30</span>上课
						</div>
            <div  class="flcb_cardTech">
                        <span class="first">主讲老师：</span>
                        <span class="teacherPic"><img src="../img/22x22.jpg"></span>
                        <span class="name">老师姓名</span>
                        <span class="zan"><a href="###"><img src="../img/icon_zan14x14.jpg"></a></span>
                        <span class="zanNum">(32)</span>
                        
          </div>
            <div class="castleInfo_time">活动地点：YY8637频道</div>
          <div class="castleInfo_time" >
          	<span class="castleInfo_Cy"><b>12345</b>人参与</span>
          	<span class="castleInfo_Cy"><b>400</b>人关注</span>
          	<span class="castleInfo_Rs">RMB：<b>0</b></span>
          	<span class="glyphicon glyphicon-heart" style="font-size: 25px;color: #E6312A;" aria-hidden="true"></span>
          </div>
          	
          <div class="fn-clear marginB15">
            	<a  class="classInfo_ljbm" href="../支付/购买流程-步骤一.html">立即报名</a>
                <a href="###" class="classInfo_join">加入该活动群</a>
            </div>
          <div class="classInfo_icon fn-clear">
            	<ul>
                	<li><a href="###" class="classInfo_iconWx">微信</a></li>
                    <li><a href="###" class="classInfo_iconWb">微博</a></li>
                    <li><a href="###" class="classInfo_iconKj">空间</a></li>
                    <li><a href="###" class="classInfo_iconQQ">QQ</a></li>
                    <li><a href="###" class="classInfo_iconrr">人人</a></li>
                </ul>
            </div>            
      </dd>
    </dl>
  </div>
  <div class="classInfo_main">
  	<div class="classInfo_mainL">
      <div class="classInfo_menu fn-clear">
            <ul>
                <li class="on"><a href="###" id="detail">活动详情</a></li>
                <li><a href="###" id = "download">资料下载</a></li>
                <li><a href="###" id="comment">考生评价</a></li>
            </ul>
        </div>

        <div class="castleInfoList" style="display: none;">
        	<ul>
            	<li><a class="zlxz" href="###">20150516英语听力材料.pdf</a></li>
            </ul>
        </div>
        
        
        
        <div class="tfr_left" style="display: none;" id = "commentContent" >
    	<div class="zql_Top">
        	
        </div>
        <div class="zql_Body">
        	<dl>
            	<dt class="zql_BodyPic"><img src="../img/82x82.png"></dt>
                <dd class="zql_BodyText">
                	<div class="zql_BodyTitle">
                		<span>班长</span>四季的风
                		<div style="float: right;">
                			<a class="btn btn-danger">删除</a>
                			<a class="btn btn-warning">编辑</a>
                		</div>
                		
                	</div>
                    <div class="zql_BodyT">
                        <p>香港股市近日连续多日均见升幅，前日恒指更一度升穿28000点，而无线前日宣布为配合港股热潮，将于下周一深宵黄金时段(即21日凌晨12时15分)重播由郑少秋、刘青云、郭蔼明、周慧敏及刘松仁主演的《大时代》，即令大批股民喊惊及呼吁别放!言犹在耳，股民最不想发生的“丁蟹效应”似乎已应验，恒指昨日收市跌454点，报收27561点，八日连升之势停止，令不少有买股票的艺人赔钱!</p>
                    </div>
                    <div style="width: 170px;float: right;">
                    	<span>创建日期：</span>2019-01-01
                    </div>
                </dd>
            </dl>
            <dl>
            	<dt class="zql_BodyPic"><img src="../img/82x82.png"></dt>
                <dd class="zql_BodyText">
                	<div class="zql_BodyTitle">
                		<span>班长</span>四季的风
                		<div style="float: right;">
                			<a class="btn btn-danger">删除</a>
                			<a class="btn btn-warning">编辑</a>
                		</div>
                		
                	</div>
                    <div class="zql_BodyT">
                        <p>香港股市近日连续多日均见升幅，前日恒指更一度升穿28000点，而无线前日宣布为配合港股热潮，将于下周一深宵黄金时段(即21日凌晨12时15分)重播由郑少秋、刘青云、郭蔼明、周慧敏及刘松仁主演的《大时代》，即令大批股民喊惊及呼吁别放!言犹在耳，股民最不想发生的“丁蟹效应”似乎已应验，恒指昨日收市跌454点，报收27561点，八日连升之势停止，令不少有买股票的艺人赔钱!</p>
                    </div>
                    <div style="width: 170px;float: right;">
                    	<span>创建日期：</span>2019-01-01
                    </div>
                </dd>
            </dl>
        </div>  
        <div class="zql_Bottom">
        	<div><input name="" type="text" class="zql_BottomTitle"></div>
            <div><textarea name="" cols="" rows="" class="zql_BottomInput"></textarea></div>
            <div class="paddingT20 fn-clear"><a href="###" class="zql_BottomButton">发布</a></div>
        </div> 
  </div>
        
        
        
        
        <div class="inventDetail" >
            <dl>
                <dt><a href="#"><img src="../img/0004.gif"></a></dt>
                <dd>
                	<div class="classInfo_Nr"><span>课程名称：</span>一般的网站会有很多页面,面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提高般的网站会有很多页面,面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提</div>
                    <div class="fn-clear">
                    </div>
                </dd>
            </dl>
        </div>
        
        
        
    </div>
	
	</div>
	<div class="ganxingqu">
        	<div class="ganxingquH3">您可能感兴趣</div>
            <ul>
            	<li>
                	<div class="ganxingquPic"><img src="../img/270x155.jpg"></div>
                    <div class="ganxingquText">托福热血口语强化班托福热血口语强化班托福热血口语强化班托福热血口语强化班</div>
                </li>
                <li>
                	<div class="ganxingquPic"><img src="../img/270x155.jpg"></div>
                    <div class="ganxingquText">托福热血口语强化班托福热血口语强化班托福热血口语强化班托福热血口语强化班</div>
                </li>
                <li>
                	<div class="ganxingquPic"><img src="../img/270x155.jpg"></div>
                    <div class="ganxingquText">托福热血口语强化班托福热血口语强化班托福热血口语强化班托福热血口语强化班</div>
                </li>
            </ul>
        </div>
</div>

</body>
</html>
